//图片的上传
$('#file').on('change',function () {
    var fromData = new FormData()    //创建一个空表单
    fromData.append('avatar',this.files[0])
    $.ajax({
        type:'post',
        url:'/upload',
        data:fromData,
        //告诉$.ajax不要解析请求参数
        processData: false,
        //告诉$.ajax不要设置请求参数的类型
        contentType:false,
        success:function (response) {
            //将服务器返回的图片地址,设置到隐藏域
            $('#image').val(response[0].avatar)
        }
    })
})

//提交添加轮播图的表单
$('#slidesForm').on('submit',function () {
    var formData = $(this).serialize()
    //直接向服务器提交数据
    $.ajax({
        type:'post',
        url:'/slides',
        data:formData,
        success:function () {
            location.reload()
        }
    })
    return false
})

//获取轮播图数据,进行刷新
$.get('/slides',function (response) {
    //console.log( response )
    var html = template('slidesTpl',{data:response})
    $('#slidesBox').html(html)
})

//删除轮播图
$('#slidesBox').on('click','.delete',function () {
    if ( confirm('你真的要删除这个轮播图吗?') ) {
        //获取分类的id
        var id = $(this).attr('data-id')
        //发起删除的请求
        $.ajax({
            type:'delete',
            url:'/slides/'+id,
            success:function () {
                //删除完成,刷新页面看结果
                location.reload()
            }
        })
    }
})